<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet"
  href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<title>Products</title>
</head>
<body>
	<section>
		<div class="jumbotron">
			<div class="container">
				<h1>Products</h1>
			</div>
		</div>
	</section>
	<section class="container">
		<div class="row">
				<div class="col-md-5">
 					 <img src="<c:url value="/resource/images/${product.productId}.png">
 					 	</c:url>" alt="image"  style = "width:100%"/>
				</div>
			<div class="col-md-5">
				<h3>${product.nome}</h3>
				<p>${product.descricao}</p>
				<p>
					<strong>Item Code : </strong><span class="label
		label-warning">${product.productId}</span>
				</p>
				<p>
					<strong>manufacturer</strong> :${product.fabrica}
				</p>
				<p>
					<strong>category</strong> : ${product.categorio}
				</p>
				<p>
					<strong>Available units in stock </strong>
			${product.unidadeDeStock}
				</p>
				<h4>${product.unidadePreco} USD</h4>
				
				
				<p>
					<a href="<spring:url value="/products" />" class="btn btn-default">
					   <span class="glyphicon-hand-left glyphicon"></span>
					   back
					</a>
					<a href="#" class="btn btn-warning btn-large">
					<span class="glyphicon-shopping-cart glyphicon">
					</span> Order Now
					</a>
				</p>
									
			</div>
		</div>
		</section>

</body>
</html>